<template>
  <!-- 
  <img src="../assets/img/zhuanti.jpg" alt />-->
  <div class="index">
    <div><Nav :routernav="routernav"/></div>
    <div class="indexmain">
      <img src="../assets/img/zhuanti.png" alt />
      <img src="../assets/img/zhuanti2.png" alt />
      <img src="../assets/img/zhuanti3.png" alt />
    </div>
  </div>
</template>

<script>
// @ is an alias to /src
import Nav from "@/components/nav.vue";
import "@/assets/font/iconfont.css";
export default {
  data() {
    return {
     routernav:[{zi:"首页",to:"/index"},{zi:"专题",to:"/indexzhuanti"}]
    };
  },
  name: "index",
  components: {
    Nav
  },
  methods:{
    danqainye(e){
      this.danqian = e;
    }
  },
  mounted() {}
};
</script>
<style scoped>
.swiper-container img {
  width: 100%;
}
.indexmain {
  width: 80%;
  margin: 0px auto;
}
.indexmain img{
  width: 100%;
  margin-bottom: 1rem;
}
.guding {
  width: 100%;
  position: fixed;
  top: 0px;
  background-color: #fff;
  z-index: 11;
}
</style>